<div class="section-title" ng-click="togglePanel('machineStatus',$event);">
    <i class="material-icons close">remove</i>
    <i class="material-icons open">add</i>
    <label  class="title-name" ng-bind="'dashboard.machineStatus.title' | translate"></label>
    <div class="kmi-can-click"></div>
</div>
<div class="section-content">
    <div class="kmi-list">
        <div class="kmi-list__header">
            <!--<div class="kmi-list__column" style="flex:1;" ng-bind="'dashboard.machineStatus.machine_no' | translate"></div>-->
            <div class="kmi-list__column width-fixed" style="flex:0 0 28px;"></div>
            <div class="kmi-list__column head-controls" style="flex:1;">
                <div class="order" ng-hide="machine_no_filter">
                    <i class="material-icons search" style="z-index:1;" ng-click="machine_no_filter = true">search</i>
                    {{'dashboard.machineStatus.machine_no' | translate}}
                    <i class="material-icons">{{!machine_no_oderBy?'&#xE5D8;':'&#xE5DB;'}}</i>
                    <div class="kmi-can-click" ng-click="machine_no_oderBy = !machine_no_oderBy"></div>
                </div>
                <div class="filter" ng-show="machine_no_filter">
                    <input ng-model="machine_no_filter_s">
                    <i class="material-icons clear" style="position: absolute;top: 2px;right: 0px;" ng-show="machine_no_filter"
                        ng-click="machine_no_filter = false;machine_no_filter_s=''">clear</i>
                </div>
            </div>
            <div class="kmi-list__column" style="flex:0 0 50px;"></div>
        </div>
        <div class="kmi-list__row-content">
            <div class="kmi-list__row" ng-class="{'is-select':machineItem.machine_no == machine.machine_no}"
                ng-repeat="machine in dashboard['machineStatus'].machineList |filter:{ is_virtual: 'N', machine_display : machine_no_filter_s } | orderBy : 'machine_no' : machine_no_oderBy  track by $index">
                <div class="kmi-list__column" style="flex:0 0 28px; margin-right: 4px;">
                    <div class="dashboard-light-panel" ng-class="[machineStatus(machine.status)]">
                        {{('common.machine.status.'+ machine.status | translate).substr(0, 1)}}
                    </div>
                </div>
                <div class="kmi-list__column" style="flex:1;" ng-bind="machine.machine_display"></div>
                <div class="kmi-list__column column-button" style="flex:0 0 50px;" ng-click="machineCheck(machine);">
                    <i class="material-icons">playlist_add_check</i>
                    <div ng-bind="machine.machine_qc_count"></div>
                </div>
                <div class="kmi-can-click" ng-click="changeMachine(machine);"></div>
            </div>
        </div>
    </div>
</div>
